<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<head>
	<title>Document</title>
	<link rel="stylesheet" href="./iconfont/iconfont.css">
	<script src="./iconfont/iconfont.js"></script>
	<style>
		/*初始化*/
		body,ul,ol, dl,p,h1,h2,h3,h4,h5,h6,table,input{
            margin: 0;
            padding: 0;
        }

        body{
            font: 14px 微软雅黑, 黑体, sans-serif, monospace;
            color: ;
            background: #fff;
            overflow-x:hidden;
        }


        li{
            list-style: none;
        }

        a{
            text-decoration: none;
            color: black;
        }

        table{
            border-collapse: collapse;
        }

		/*清除浮动*/
        .clearfix::after{
            content: '';
            display: table;
            clear: both;
        }
		
		/*头部*/
		#header{
			height:81.8px;
			position:relative;
			z-index:999;
			/*background:pink;*/
		}

		#header:hover{
			background:white;
		}

		#header .menu{
			width:1240px;
			height:81.8px;
			margin:0 auto;
			/*background:red;*/
		}

		#header .menu:hover{
			background:white;
		}

		#header .menu:hover ul li{
			color:black;
		}

		#header .menu:hover .logo{
			color:#00BEFF;
		}

		#header .menu:hover .denglu{
			color:black;
		}

		#header .menu:hover .gouwu{
			color:black;
		}
		
		/*logo*/
		#header .logo{
			float:left;
			line-height:81.8px;
			font-size:22px;
			color:white;
			cursor:pointer;
		}
		
		/*菜单*/
		#header .menu>ul{
			width:56%;
			height:81.8px;
			margin:0 auto;
			margin-left:295px;
		}

		#header .menu ul:hover li{
			color:black;
		}

		#header .menu .firstLayer>li{
			float:left;
			line-height:81.8px;
			margin-left:41px;
			color:white;
			cursor:pointer;
		}

		#header .menu ul li>div{
			position:absolute;
			top:81.8px;
			left:0;
			height:183px;
			width:100%;
			background-color:white;
			display:none;
		}

		#header .menu ul li:hover>div{
			display:block;
		}

		#header .menu ul li:hover{
			color:rgb(0,185,242);
		}

		#header .menu ul li>.app{
			position:absolute;
			top:81.8px;
			left:0;
			height:320px;
			width:100%;
			background-color:white;
			display:none;
		}

		#header .menu ul li>.app img{
			width:1200px;
			margin-left:165px;
		}

		#header .menu ul li>div ul{
			width:1322px;
			margin:0 auto;
			/*background-color:red;*/
			height:100%;
		}

		#header .menu ul li>div ul li{
			position:relative;
			top:20px;
			float:left;
			line-height:16px;
			margin-left:41px;
			cursor:pointer;
			text-align:center;
		}

		#header .menu ul li>div ul li img{
			width:124px;
		}

		#header .menu ul li>div ul li span{
			display:block;
		}

		#header .menu ul li>div .sevenSquares li{
			margin-left:62px;
		}

		
		/*搜索*/
		#header .menu form{
			width:170px;
			height:81.8px;
			line-height:30px;
			float:right;
			position:relative;
			margin-right:8px;
		}

		#header .menu form input{
			margin-top:25px;
			padding:5px;
			border-radius:100px;
			width:150px;
			outline:none;
			border:0;
		}

		#header .menu form span{
			position:absolute;
			right:15px;
			top:25px;
			cursor:pointer;
		}
		
		/*登录*/
		#header .menu .denglu{
			float:right;
			line-height:81.8px;
			font-size:22px;
			margin-right:10px;
			cursor:pointer;
			position:relative;
			color:white;
		}

		#header .menu .denglu>div{
			position:absolute;
			top:62px;
			left:-59px;
			height:182px;
			width:123px;
			background-color:white;
			z-index:1;
			display:none;
			border-radius:3px;
			line-height:16px;
		}

		#header .menu .denglu:hover div{
			display:block;
		}

		#header .menu .denglu>div div{
			font-size:12px;
			text-align:center;
			margin-top:20px;
		}

		#header .menu .denglu>div div:hover{
			color:#00BEFF;
		}


		/*购物*/
		#header .menu .gouwu{
			float:right;
			line-height:81.8px;
			font-size:22px;
			margin-right:10px;
			cursor:pointer;
			position:relative;
			color:white;
		}

		#header .menu .gouwu>div{
			position:absolute;
			top:62px;
			right:-10px;
			height:150px;
			width:395px;
			background-color:white;
			z-index:1;
			display:none;
			border-radius:3px;
			line-height:16px;
		}

		#header .menu .gouwu:hover div{
			display:block;
		}

		#header .menu .gouwu>div div{
			font-size:12px;
		}

		#header .menu .gouwu>div div:first-of-type{
			margin-top:55px;
		}

		#header .menu .gouwu>div svg{
			float:left;
			width:50px;
			margin-left:80px;
		}

		/*背景*/
		#banner{
			height:598px;
			/*background-color:pink;*/
		}

		#banner .big{
			max-width:2560px;
			width:100%;
			height:680px;
			/*background-color:skyblue;*/
			margin:0 auto;
			position:relative;
			top:-81.8px;
			left:0;
		}

		#banner img{
			position:relative;
		}

		#banner .big .dian{
			position:absolute;
			width:200px;
			height:40px;
			/*background-color:red;*/
			bottom:0;
			left:50%;
			transform:translateX(-50%);
		}

		#banner .big .dian li{
			width:10px;
			height:10px;
			border-radius:100%;
			background-color:white;
			border:1px solid white;
			float:left;
			margin-left:15px;
		}

		/*内容*/
		/*one*/
		#container .one{
			padding-bottom:45px;
		}

		#container .one ul{
			width:1240px;
			height:231px;
			margin:0 auto;
			/*background-color:red;*/
		}

		#container .one ul li{
			float:left;
			width:310px;
			height:168px;
			text-align:center;
		}

		#container .one ul li img{
			width:118.5px;
			padding-top:45px;
		}

		/*two*/
		#container .two{
			padding-top:45px;
			background-color:#F4F4F4;
			padding-bottom: 10px
		}
		#container .two div{
			text-align:center;
			font-size:36px;
		}

		/*three*/
		#container .three{
			text-align:center;
			height:450px;
		}
		#container .three img{
			height:450px;
		}

		/*four*/
		#container .four{
			height:1390px;
			background-color:#F4F4F4;
			margin:0 auto;
		}
		/*four big*/
		#container .four .big{
			width:1240px;
			margin:0 auto;
		}

		#container .four .box1{
			width:615px;
			height:610px;
			float:left;
			text-align:center;
			background-color:white;
			position:relative;
			border-top:10px solid #F4F4F4;
			border-left:5px solid #F4F4F4;
			border-right:5px solid #F4F4F4;
			box-sizing:border-box;
		}

		#container .four .box1 .font1{
			font-weight:bold;
			font-size:30px;
			margin-top:50px;
		}

		#container .four .box1 .font2{
			font-size:20px;
		}

		#container .four .box1 .font3{
			font-size:16px;
		}

		#container .four .box1 .font3 span{
			font-size:22px;
		}

		#container .four .box1 .absolute{
			position:absolute;
			top:30px;
			left:30px;
			width:60px;
			height:60px;
			border-radius:100%;
			background-color:#FFA91E;
			text-align:center;
			line-height:60px;
			color:white;
			font-size:16px;
		}

		#container .four .box1 img{
			width:460px;
		}

		/*four small*/
		#container .four .small{
			width:1240px;
			margin:0 auto;
		}

		#container .four .small ul{
			width:1240px;
		}

		#container .four .small ul li{
			width:307px;
			height:375px;
			background-color:white;
			float:left;
			text-align:center;
			position:relative;
			border-top:10px solid #F4F4F4;
			border-left:5px solid #F4F4F4;
			border-right:5px solid #F4F4F4;
			box-sizing:border-box;
		}

		#container .four .small ul li img{
			width:230px;
			margin-top:40px;
		}

		#container .four .small ul li .absolute{
			position:absolute;
			top:30px;
			left:30px;
			width:60px;
			height:60px;
			border-radius:100%;
			background-color:#FF4269;
			text-align:center;
			line-height:60px;
			color:white;
			font-size:16px;
		}

		#container .four .small .font1{
			font-weight:bold;
			font-size:16px;
		}

		#container .four .small .font2{
			font-size:16px;
			color:#999999;
		}

		#container .four .small .font3{
			font-size:16px;
			color:#CC0000;
		}

		#container .four .small .font3 span{
			font-size:22px;
		}

		/*five*/
		#container .five{
			height:1125px;
			background-color:#F4F4F4;
			margin:0 auto;
		}
		
		/*six*/
		#container .six{
			height:750px;
			background-color:#F4F4F4;
			margin:0 auto;
		}

		#container .seven{
			padding-bottom:45px;
		}

		/*footer*/
		#footer{
			height:177px;
			padding-top:48px;
			padding-bottom:20px;
		}

		#footer .one{
			width:1240px;
			height:177px;
			/*background-color:red;*/
			margin:0 auto;
		}

		#footer .one .first{
			width:1240px;
			height:84.2px;
			/*background-color:blue;*/
			text-align:center;
			border-bottom:1px solid #EEEEEE;
		}

		#footer .one .first .left{
			float:left;
			width:1000px;
			height:68.6px;
			/*background-color:pink;*/
		}

		#footer .one .first .left li{
			width:150px;
			height:68.6px;
			/*background-color:green;*/
			float:left;
			font-size:40px;
		}

		#footer .one .first li div{
			font-size:12px;
		}

		#footer .one .first .right{
			float:right;
		}

		#footer .one .first .right .yi{
			font-size:12px;
			float:right;
		}

		#footer .one .first .right .er{
			font-size:22px;
		}

		#footer .one .first .right .san{
			width:80px;
			height:30px;
			background-color:#0BBBEF;
			color:white;
			border-radius:100px;
			line-height:30px;
			font-size:18px;
			float:right;
		}
		/*secend*/
		#footer .one .secend .on{
			width:939.68px;
			height:50px;
			line-height:50px;
			/*background-color:blue;*/
		}

		#footer .one .secend .on li{
			float:left;
			font-size:13px;
			color:#999999;
		}

		#footer .one .secend .under{
			height:30px;
			/*background-color:green;*/
			line-height:30px;
		}

		#footer .one .secend .under .left{
			font-size:12px;
			color:#999999;
			float:left;
			/*background-color:orange;*/
		}

		#footer .one .secend .under .right{
			width:160px;
			float:right;
			/*background-color:pink;*/
			color:#999999;
			text-align:center;

		}

		#footer .one .secend .under .right .icon{
			width:20px;
			height:20px;
		}
	</style>
</head>
<body>
	<div id="header">
		<div class="menu">	
			<div class="iconfont logo">&#xe603;</div>
			<div class="iconfont gouwu">&#xe602;
				<div>
					<svg class="icon" aria-hidden="true">
  						<use xlink:href="#icon-User-Avatar" font-size="16px"></use>
					</svg>
					<div>登录后可显示</div>
					<div>您账号中已加入的商品哦~</div>
				</div>
			</div>
			<div class="iconfont denglu">&#xe62e;
				<div>
					<div>立即登录</div>
					<div>立即注册</div>
					<div>我的订单</div>
					<div>M码通道</div>
				</div>
			</div>
			<form action="#">
				<input type="text" placeholder="魅族 16T">
				<span class="iconfont">&#xe604;</span>
			</form>
			<ul class="firstLayer">
				<li>手机
					<div>
						<ul>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
						</ul>
					</div>
				</li>
				<li>声学
					<div>
						<ul>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
						</ul>
					</div>
				</li>
				<li>配件
					<div>
						<ul class="sevenSquares">
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
						</ul>
					</div>
				</li>
				<li>生活
					<div>
						<ul class="sevenSquares">
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
							<li>
								<img src="img/101.jpg" alt="">
								<span>魅族 16T</span>
								<span>￥1999</span>
							</li>
						</ul>
					</div>
				</li>
				<li>Flyme</li>
				<li>服务</li>
				<li>专卖店</li>
				<li>社区</li>
				<li>APP下载
					<div class="app">
						<img src="img/51.jpg" alt="">
					</div>
				</li>
			</ul>
		</div>
	</div>
	<div id="banner">
		<div class="big">
			<img src="img/1.jpg" alt="" class="img1">
			<ul class="dian">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
	</div>
	<div id="container">
		<div class="one">
			<ul>
				<li>
					<img src="img/1.png" alt="过年不打烊魅族16T">
					<div>过年不打烊</div>
					<div>2020让热爱更有爱</div>
				</li>
				<li>
					<img src="img/1.png" alt="过年不打烊魅族16T">
					<div>魅族16T</div>
					<div>限时购机享好礼</div>
				</li>
				<li>
					<img src="img/1.png" alt="过年不打烊魅族16T">
					<div>魅族 16s Pro</div>
					<div>梦幻独角兽</div>
				</li>
				<li>
					<img src="img/1.png" alt="过年不打烊魅族16T">
					<div>mCycle</div>
					<div>以旧换新</div>
				</li>
			</ul>
		</div>
		<div class="two">
			<div>手机</div>
		</div>
		<div class="three">
			<img src="img/1.jpg" alt="魅族note9">
		</div>
		<div class="four">
				<div class="big">
					<div class="box1">
						<div class="font1">魅族 16T</div>
						<div class="font2">6.5 英寸极边全面屏 | 骁龙855旗舰处理器</div>
						<div class="font3">¥<span>1999</span></div>
						<img src="img/2.png" alt="">
						<div class="absolute">热卖</div>
					</div>
					<div class="box1">
						<div class="font1">魅族 16T</div>
						<div class="font2">6.5 英寸极边全面屏 | 骁龙855旗舰处理器</div>
						<div class="font3">¥<span>1999</span></div>
						<img src="img/2.png" alt="">
						<div class="absolute">热卖</div>
					</div>
				</div>
				<div class="small">
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
				</div>
		</div>
		<div class="two">
			<div>魅族声学</div>
		</div>
		<div class="three">
			<img src="img/1.jpg" alt="魅族note9">
		</div>
		<div class="four five">
				<div class="small">
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
				</div>
		</div>
		<div class="two">
			<div>智能配件</div>
		</div>
		<div class="three">
			<img src="img/1.jpg" alt="魅族note9">
		</div>
		<div class="four six">
				<div class="small">
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
				</div>
		</div>
		<div class="two">
			<div>生活周边</div>
		</div>
		<div class="three">
			<img src="img/1.jpg" alt="魅族note9">
		</div>
		<div class="four six">
				<div class="small">
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
				</div>
		</div>
		<div class="two">
			<div>社会热帖</div>
		</div>
		<div class="four six">
				<div class="small">
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
				</div>
		</div>
		<div class="two">
			<div>Flyme</div>
		</div>
		<div class="four six">
				<div class="small">
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
				</div>
		</div>
		<div class="two">
			<div>精彩视频</div>
		</div>
		<div class="four six seven">
				<div class="small">
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
					<ul>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
						<li>
							<img src="img/2.png" alt="魅族">
							<div class="font1">魅族 Note9</div>
							<div class="font2">骁龙 675 | 后置4800万</div>
							<div class="font3">¥<span>1199</span></div>
							<div class="absolute">领券</div>
						</li>
					</ul>
				</div>
		</div>
	</div>
	<div id="footer">
		<div class="one">
			<div class="first">
				<ul class="left">
					<li class="iconfont">
						&#xe6b8;
						<div>满80免运费</div>
					</li>
					<li class="iconfont">
						&#xe60d;
						<div>满80免运费</div>
					</li>
					<li class="iconfont">
						&#xe646;
						<div>满80免运费</div>
					</li>
					<li class="iconfont">
						&#xe694;
						<div>满80免运费</div>
					</li>
					<li class="iconfont">
						&#xe605;
						<div>满80免运费</div>
					</li>
					<li class="iconfont">
						&#xe601;
						<div>满80免运费</div>
					</li>
				</ul>
				<ul class="right">
					<li class="yi">周一至周日 8:00-20:00</li>
					<li class="er">400-788-3333</li>
					<li class="san">
						<div>在线客服</div>
					</li>
				</ul>
			</div>
			<div class="secend">
				<ul class="on">
					<li>了解魅族 &nbsp;&nbsp;|&nbsp;&nbsp;</li>
					<li>加入我们 &nbsp;&nbsp;|&nbsp;&nbsp;</li>
					<li>联系我们 &nbsp;&nbsp;|&nbsp;&nbsp;</li>
					<li>Flyme &nbsp;&nbsp;|&nbsp;&nbsp;</li>
					<li>魅族社区 &nbsp;&nbsp;|&nbsp;&nbsp;</li>
					<li>天猫旗舰店 &nbsp;&nbsp;|&nbsp;&nbsp;</li>
					<li>问题反馈 &nbsp;&nbsp;|&nbsp;&nbsp;</li>
					<li>线上销售授权名单公示 &nbsp;&nbsp;|&nbsp;&nbsp;</li>
					<li>出版物经营许可证 &nbsp;&nbsp;|&nbsp;&nbsp;</li>
					<li class="iconfont">&#xe60a;简体中文</li>
				</ul>
				<ul class="under">
					<li class="left">
						©2019 Meizu Telecom Equipment Co., Ltd. All rights reserved.&nbsp;&nbsp;&nbsp;&nbsp; 粤ICP备13003602号 合字B2-20170010 营业执照 法律声明
						<span class="iconfont">&#xe607;</span>粤公网安备 44049102496009 号
						<span class="iconfont">&#xe606;&#xe688;&#xe616;</span>
					</li>
					<li class="right">
						<svg class="icon" aria-hidden="true">
 							 <use xlink:href="#icon-wuxianyi"></use>
						</svg>&nbsp;&nbsp;|&nbsp;
						<svg class="icon" aria-hidden="true">
 							 <use xlink:href="#icon-weixin"></use>
						</svg>&nbsp;&nbsp;|&nbsp;
						<svg class="icon" aria-hidden="true">
 							 <use xlink:href="#icon-qzone"></use>
						</svg>&nbsp;&nbsp;|&nbsp;
						<svg class="icon" aria-hidden="true">
 							 <use xlink:href="#icon-unie61d"></use>
						</svg>&nbsp;&nbsp;|
					</li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>